<!-- <!DOCTYPE html> -->
<html>
<head>
    <meta name="decorator" content="default"/>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.2/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.8.0/dist/barcodes/JsBarcode.code128.min.js"></script> <!--条形码-->
    <script type="text/javascript">
        function doPrint() {
            bdhtml = window.document.body.innerHTML;
            sprnstr = "<!--startprint-->";
            eprnstr = "<!--b-->";
            prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
            prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
            window.document.body.innerHTML = prnhtml;
            window.print();
            top.layer.closeAll();
        }

        function closes() {
            top.layer.closeAll();
        }

    </script>
</head>
<body>
<div style="width: 800px;height: 35px;">
    <button id="dayin" onclick="doPrint()">
        <i class="fa fa-print"></i>打印
    </button>
</div>
<!--startprint-->
<div class="printBox">
    <div class="printCompany">
        <span class="companyLogo">
            <img src="zhongtong.png">
        </span>

        <span class="companyTip">标准快递</span>
    </div>

    <div class="trackNum">
        256-01-01 001
    </div>

    <div class="packGround">
        <span class="packAd">黑龙江齐齐哈尔集散</span>
        <span class="printTime">打印日期</span>
    </div>

    <div class="sendReceiveAdBox">
        <div class="sendReceiveAdInfo">
            <div class="receiveInfoBox">
                <span class="receive">收件</span>
                <span class="receiveContent">
                    齐齐哈尔木鱼 &nbsp;15600233232 &nbsp;0571-85656569 <br>
                    黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江
                </span>
            </div>
            <div class="sendInfoBox">
                <span class="send">寄件</span>
                <span class="sendContent">
                    齐齐哈尔木鱼 &nbsp; 15600233232 &nbsp;0571-85656569 <br>
                    黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江
                </span>
            </div>
        </div>
        <div class="sendReceiveAdOpera">
            <div class="sendReceiveServer" >
                服务
            </div>
            <div class="serverInfo">
                <p>代收金额：</p>
                <p>预约配送：</p>
                <p>声明价值：</p>
                <p>操作费用：</p>
                <p>计费重量：</p>
            </div>
        </div>
    </div>

    <div class="waybillNum">
        <img id="waybillNumCode">
    </div>

    <div class="singer">
        <div class="singerTip">
            您对此单的签收，代表您已经验货，确认商品信息无误，包装完好，没有划痕、破顺等表面质量问题
        </div>
        <div class="singerName">
            <p>签收人：</p>
            <p>时间： <span style="float: right">已验视</span></p>
        </div>
    </div>

    <div class="companyCode">
        <div>
            <img src="zhongtong.png" class="companyCodeLogo">
        </div>
        <div>
            <img id="receiptWaybillNumCode" class="companyCodeImg">
        </div>
        <!--<img id="receiptWaybillNumCode" class="companyCodeImg" alt="">-->
    </div>

    <div class="receiptBox">
        <span class="receiptBoxTitle">
            收件
        </span>
        <span class="receiptBoxContent">
            齐齐哈尔木鱼 &nbsp;&nbsp; 15600233232 &nbsp;0571-85656569 <br>
            黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江
        </span>
    </div>

    <div class="receiptBox">
        <span class="receiptBoxTitle">
            寄件
        </span>
        <span class="receiptBoxContent">
            齐齐哈尔木鱼 &nbsp;&nbsp; 15600233232 &nbsp;0571-85656569 <br>
            黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江黑龙江
        </span>
    </div>

    <div class="customArea">
        商家自定义
    </div>

</div>
<!--b-->
<script>
    var waybillNumCode = document.getElementById('waybillNumCode');
    var str = "368806661236";
    var options = {
            format:"CODE128",
            displayValue:true,
            fontSize: 14,
            height: 50,
            width: 2,
        };
    JsBarcode(waybillNumCode, str, options);//原生
    //$('#waybillNumCode').JsBarcode(str,options);//jQuery

    var receiptWaybillNumCode = document.getElementById('receiptWaybillNumCode');
    var options2 = {
            format:"CODE128",
            displayValue:true,
            fontSize: 14,
            height: 33,
            width: 2,
        };
    JsBarcode(receiptWaybillNumCode, str, options2);//原生
   // $('#receiptWaybillNumCode').JsBarcode(str2,options2);//jQuery
</script>
</body>
</html>
